<!DOCTYPE HTML>
<html>
	<head>
		
	</head>
	<body>
	    <!-- 圆形 -->
		<!-- <svg xmlns="http://www.w3.org/1000/svg" version="1.1" height="200" width="200">
			
			<circle  cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
		</svg> -->



        <!-- 矩形 -->
      <!--   <svg xmlns="http://www.w3.org/1000/svg"  version="1.1">
			
			<rect  height="500" width="300"  style="fill:red;stroke:blue;stroke-width:2;" />
		</svg>
 -->

       <!-- 多边形 -->
      <!--  <svg height="190" >
       	   <polygon points="100,10, 40,180 190,60 10,60 160,180" style="fill:red;stroke:blue;stroke-width:2;fill-rule:evenodd;"/>
       </svg>
 -->

     <svg width="100%" height="100%" version="1.1"
		xmlns="http://www.w3.org/2000/svg">

		<polygon points="220,100 300,210 170,250"
		style="fill:#cccccc;
		stroke:#000000;stroke-width:1"/>

    </svg>








	</body>
</html>